<div class="accessstore-list">
    <div nz-row nzGutter="10" class="row_1">
        <div nz-col nzSpan="3">
            <input nz-input placeholder="输入物料编码" [(ngModel)]="searchCode" />
        </div>
        <div nz-col nzSpan="3">
            <input nz-input placeholder="输入物料名称" [(ngModel)]="searchName" />
        </div>
        <div nz-col nzSpan="3">
            <input nz-input placeholder="输入库房" [(ngModel)]="searchKf" />
        </div>
        <div nz-col nzSpan="3">
            <input nz-input placeholder="输入库区" [(ngModel)]="searchKq" />
        </div>
        <div nz-col nzSpan="9">
            <label>事务处理时间</label>
            <nz-date-picker
            [nzDisabledDate]="disabledStartDate"
            nzShowTime
            nzFormat="yyyy-MM-dd"
            [(ngModel)]="startValue"
            nzPlaceHolder="开始"
            (ngModelChange)="onStartChange($event)"
            (nzOnOpenChange)="handleStartOpenChange($event)"
          >
          </nz-date-picker>
          -
          <nz-date-picker
            [nzDisabledDate]="disabledEndDate"
            nzShowTime
            nzFormat="yyyy-MM-dd"
            [(ngModel)]="endValue"
            nzPlaceHolder="结束"
            [nzOpen]="endOpen"
            (ngModelChange)="onEndChange($event)"
            (nzOnOpenChange)="handleEndOpenChange($event)"
          >
          </nz-date-picker>
        </div>
        <div nz-col nzSpan="4" class="operate_btn">
            <button nz-button nzType="" (click)="handleSearch()">
                <i nz-icon nzType="search"></i>搜索
            </button>
        </div>
    </div>
   

    <div nz-row class="row_3">
        <nz-table #expandTable [nzData]="listOfData" [nzFrontPagination]="false">
            <thead>
                <tr>
                   
                    <th>库房-库区</th>
                    <th>物料编码</th>
                    <th>物料名称</th>
                    <th>批次</th>
                    <th>期初库存量</th>
                    <th>出库数量</th>
                    <th>入库数量</th>
                    <th>期末库存量</th>
                </tr>
            </thead>
            <tbody>
                <tr *ngFor="let data of expandTable.data">
                    <td>{{ data.kfkq }}</td>
                    <td>{{ data.wlbm }}</td>
                    <td>{{ data.wlName }}</td>
                    <td>{{ data.pc }}</td>
                    <td>{{ data.qcchl }}</td>
                    <td>{{ data.cksl }}</td>
                    <td>{{ data.rksl }}</td>
                    <td>{{ data.qmkcl }}</td>
                </tr>
                <tr>
                    <td colspan="4"></td> 
                    <td >总计：10</td>
                    <td>总计：11</td>
                    <td>总计：11</td>
                    <td>总计：11</td></tr>
            </tbody>
        </nz-table>
        <div nz-row class="row_4">
            <nz-pagination [nzPageIndex]="1" [nzTotal]="50" [nzShowTotal]="totalTemplate"></nz-pagination>
            <ng-template #totalTemplate let-total> 总共 50 条 </ng-template>
        </div>
    </div>
</div>